/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

	html,
	body {
		color: rgb(73, 82, 94);
	}
}

@layer utilities {

	/* 垂直居中的flex盒子 */
	.flex-box {
		display    : flex;
		align-items: center;
	}

	/* 滚动条 ---- start ---- */
	.scroll-bar::-webkit-scrollbar {
		width : 4px;
		height: 4px;
	}

	.scroll-bar::-webkit-scrollbar-thumb {
		border-radius: 4px;
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : rgba(0, 0, 0, 0.2);
	}

	.scroll-bar::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.4);
	}

	/* 浅色滚动条 */
	.scroll-bar-white::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 0.8);
	}

	.scroll-bar-white::-webkit-scrollbar-thumb:hover {
		background: rgba(255, 255, 255, 0.9);
	}

	/* 滚动条 ---- end ---- */
}